<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8" />
    <title>狮偶-Sample</title>

    <style>
        .OB {
            background-color: #322796;
            width: 100%;
            height: 200px;
            text-decoration: none;
        }
        
        .title-img {
            height: 100px;
            width: 340px;
            text-decoration: none;
        }
        
        .word {
            color: azure;
            font-size: 15px;
            font-family: Arial;
            text-decoration: none;
        }
        
        .choice {
            color: dodgerblue;
            font-size: 15px;
            font-family: Arial;
            text-decoration: none;
        }
        
        .home {
            background-color: #000032;
            width: 100%;
            text-decoration: none;
        }
        
        .home-text-title {
            font-family: Arial;
            font-size: 30px;
            color: azure;
            text-decoration: none;
        }
        
        .download-word {
            font-size: 20px;
            color: white;
            font-family: Arial;
            text-decoration: none;
        }
        
        .try {
            margin-top: 20px;
            margin-right: 20px;
            height: 50px;
            width: 200px;
            background-color: green;
            color: white;
            text-decoration: none;
        }
    </style>
    <script>
        function openProject(jsonPatn) {
            let IDE_PATH = '../openblock/'
            let url =
                IDE_PATH +
                'frontpage/index.html#%7B%22proj%22:%22/testing/' +
                jsonPatn +
                '%22%7D'
            window.open(url)
        }
    </script>
</head>

<body style="text-align: center;">
    <div class="OB">
        <img class="title-img" src="Open.png" />
        <div class="download-word">
            <text>
          新一代图形化编程语言
        </text>
        </div>
        <div style="line-height: 50px;">
            <a class="word" href="https://gitee.com/openblock/openblock/">[ 项目主页 ]</a>
        </div>
        <div class="home" style="line-height: 100px;">
            <div>
                <a target="_blank" href="/openblock/frontpage/">
                    <button class="try">
                  <text class="download-word">打开编辑器</text>
                </button>
                </a>
                <a target="_blank" href="/docs/">
                    <button class="try">
                  <text class="download-word">打开文档</text>
                </button>
                </a>
            </div>
            <text class="home-text-title">
            样例
            </text>
            <div style="line-height: 50px;">
                <div>
                    <a onclick="openProject('UI/选择题/project.json')">
                        <button class="try">
                <text class="download-word">选择题</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/打地鼠/project.json')">
                        <button class="try">
                <text class="download-word">打地鼠</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/气候变化可视化/project.json')">
                        <button class="try">
                <text class="download-word">气候变化</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/蹦蹦吹牛/project.json')">
                        <button class="try">
                <text class="download-word">绘制图片</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/life-expectancy/project.json')">
                        <button class="try">
                <text class="download-word">可视化数据</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/lifeRestart/project.json')">
                        <button class="try">
                <text class="download-word">人生重启模拟器</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/bird/project.json')">
                        <button class="try">
                <text class="download-word">越障游戏</text>
              </button>
                    </a>
                    <a onclick="openProject('123woodenboy/123woodenboy.json')">
                        <button class="try">
                <text class="download-word">123木头人</text>
              </button>
                    </a>
                    <a onclick="openProject('cross/cross.json')">
                        <button class="try">
                <text class="download-word">过马路</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/反应游戏/project.json')">
                        <button class="try">
                <text class="download-word">反应游戏</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/stream/project.json')">
                        <button class="try">
                <text class="download-word">字符串流处理</text>
              </button>
                    </a>
                    <a onclick="openProject('text.json')">
                        <button class="try">
                <text class="download-word">文本合成</text>
              </button>
                    </a>
                    <a onclick="openProject('fsm-door.json')">
                        <button class="try">
                <text class="download-word">门的状态切换</text>
              </button>
                    </a>
                    <a onclick="openProject('text_join/project.json')">
                        <button class="try">
                <text class="download-word">文本连接</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/chart/project.json')">
                        <button class="try">
                <text class="download-word">柱状图</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/Canvas坐标.json')">
                        <button class="try">
                <text class="download-word">canvas坐标</text>
              </button>
                    </a>
                    <a onclick="openProject('function.json')">
                        <button class="try">
                <text class="download-word">函数样例</text>
              </button>
                    </a>
                    <a onclick="openProject('函数调用.json')">
                        <button class="try">
                <text class="download-word">函数样例二</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/fillRect/colorRect.json')">
                        <button class="try">
                <text class="download-word">矩形和文字</text>
              </button>
                    </a>
                    <a onclick="openProject('delayPrint/project.json')">
                        <button class="try">
                <text class="download-word">延时消息</text>
              </button>
                    </a>
                    <a onclick="openProject('changeState.json')">
                        <button class="try">
                <text class="download-word">状态切换</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/chart1/project.json')">
                        <button class="try">
                <text class="download-word">散点图</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/jump.json')">
                        <button class="try">
                <text class="download-word">跳一跳</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/Canvas宽高.json')">
                        <button class="try">
                <text class="download-word">画板宽高</text>
              </button>
                    </a>
                    <a onclick="openProject('canvas/fillRect/fillRect.json')">
                        <button class="try">
                <text class="download-word">矩形动画</text>
              </button>
                    </a>
                    <a onclick="openProject('messageArgument/project.json')">
                        <button class="try">
                <text class="download-word">附加数据</text>
              </button>
                    </a>
                    <a onclick="openProject('pingpong/project.json')">
                        <button class="try">
                <text class="download-word">状态机通信</text>
              </button>
                    </a>
                    <a onclick="openProject('network/network1.json')">
                        <button class="try">
                <text class="download-word">多机消息模拟</text>
              </button>
                    </a>
                    <a onclick="openProject('network/draw.json')">
                        <button class="try">
                <text class="download-word">协作画板</text>
              </button>
                    </a>
                </div>
            </div>
        </div>
        <div class="OB" style="line-height: 100px;">
            <div>
                <text class="word">
            联系我们：duzc2dtw(微信)
          </text>
            </div>
            <div>
                <text class="word">
            网页作者：陈卓
          </text>
            </div>
        </div>
    </div>
</body>

</html>